import styled from 'styled-components'

export const SongDetailWrapper = styled.div`
  width: 980px;
  display: flex;
  margin: 0 auto;
  background-image: url(${require('@/assets/img/wrap-bg.png')});

  > .left {
    width: 729px;
    padding: 47px 30px 40px 39px;
  }
  > .right {
    width: 250px;
    padding: 20px 40px 40px 30px;

    .simi_title {
      width: 100%;
      line-height: 20px;
      border-bottom: 1px solid #eee;
    }

    .simi_item {
      margin-top: 10px;
      display: flex;
      .simi_left {
        flex: 1;
        display: flex;
        flex-direction: column;
        span {
          margin-bottom: 10px;
        }
      }
      .simi_right {
        width: 36px;
        > a {
          display: inline-block;
          width: 10px;
          height: 11px;
          cursor: pointer;
        }
        .play {
          margin-right: 16px;
          background-position: -69px -455px;
        }
        .favor {
          background-position: -87px -454px;
        }
      }
    }
  }
`
